body{
	/*overflow: hidden;*/
	-webkit-transform:translate3d(0,0,0);
}
.scroll-body{
	padding-bottom: 0px;
	background: #e8371f url("http://66xiaoqu.babytreeimg.com/app/images/reward/reward_bg.png") no-repeat center 0;
	background-size: 320px auto;
	-webkit-transform:translate3d(0,0,0);
}
article{
	width: 100%;
	height: 100%;
	-webkit-transform:translate3d(0,0,0);
}
header{
	padding-top: 18px;
	color: #ffdc7f;
	font-size: 32px;
	text-align: center;
	line-height: 1;
	/*text-shadow: -1px -1px 10px #fcbd5b;*/
	font-family: "宋体";
	letter-spacing: 2px;
}
header span:nth-child(3){height: 53px;display: block;line-height: 1.4;font-size: 38px;font-family: "黑体";font-weight: bold;}
section{
	position: relative;
	margin: 90px auto 0;
	display: block;
	overflow: hidden;
	width: 236px;
	height: 158px;
	-webkit-transform:translate3d(0,0,0);
}
section ul{
	position: absolute;
	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
}
section .left{
	width: 79px;
	will-change: transform;/*加速*/
}
.left1{
	transition:transform 3000ms cubic-bezier(0.42,0,0.58,1);
	-webkit-transition:-webkit-transform 3000ms cubic-bezier(0.42,0,0.58,1);
}
.left2{
	transition:transform 0ms cubic-bezier(0.42,0,0.58,1);
	-webkit-transition:-webkit-transform 0ms cubic-bezier(0.42,0,0.58,1);
}
section .middle{
	will-change: transform;
	left: 79px; 
	width: 76px;
}
.middle1{
	transition:transform 4000ms cubic-bezier(0.42,0,0.58,1);
	-webkit-transition:-webkit-transform 4000ms cubic-bezier(0.42,0,0.58,1);
}
.middle2{
	transition:transform 0ms cubic-bezier(0.42,0,0.58,1);
	-webkit-transition:-webkit-transform 0ms cubic-bezier(0.42,0,0.58,1);
}
section .right{
	will-change: transform;
	left: 155px; 
	width: 76px;
}
.right1{
	transition:transform 5000ms cubic-bezier(0.42,0,0.58,1);
	-webkit-transition:-webkit-transform 5000ms cubic-bezier(0.42,0,0.58,1);
}
.right2{
	transition:transform 0ms cubic-bezier(0.42,0,0.58,1);
	-webkit-transition:-webkit-transform 0ms cubic-bezier(0.42,0,0.58,1);
}
section .left-pressed,section .middle-pressed,section .right-pressed{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
section ul li{
	width: 100%;
	height: 158px;
	line-height: 158px;
	text-align: center;
	font-size: 30px;
}
section ul img{height: 72px;vertical-align: middle;}
.start-button{
	position: relative;
	margin: 15px auto 0;
	width: 207px;
	height: 58px;
	line-height: 48px;
	font-size: 30px;
	text-align: center;
	color: #fff;
	background: url(http://66xiaoqu.babytreeimg.com/app/images/reward/reward_button.png) no-repeat;
	background-size: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.start-pbutton{
	background: url(http://66xiaoqu.babytreeimg.com/app/images/reward/reward_bpressed.png) no-repeat;
	background-size: 100%;
}

.explain{
   margin: 25px auto 0;
   width: 294px;
   height: 45px;
   color: #fff;
   font-size: 21px;
   line-height: 1;
}
.explain-tip{
   position: relative;
   margin-top: 35px;
   color: #c1272d;
   font-size: 18px;
   text-indent: 36px;
}
.explain-time{
	margin-top: 20px;
}
.explain-tip span:nth-child(1){
   position: absolute;
   left: 15px;
   top: 2px;
   padding: 6px;
   border: 1px solid transparent;
   border-radius: 8px;
   background: #c1272d;
   font-size: 0px;
   vertical-align: middle;
}

.explain-rule{
	margin-top: 5px;
	float: left;
	z-index: 10;
	width: 100%;
	border-radius: 8px;
	background: #fbb03b url(http://66xiaoqu.babytreeimg.com/app/images/reward/rule_bg.png) no-repeat -3px -3px;
	background-size: 300px auto;
}
.explain-rule .rule-title,.explain-rule .rule-title1{
	padding-top: 10px;
	height: 62px;
    font-size: 19px;
    text-align: center;
    line-height: 1.6;
}
.explain-rule .rule-title1{display: none;color: #fff;line-height: 62px;text-align: center;}
.explain-rule .rule-title span:nth-child(1) span:nth-child(1){
    color: #fce07b;
	font-size: 22px;
}
.activity-time,.method-two,.method-one{margin-top: 10px;padding-left: 15px; color: #926911;font-size: 15px;}
.method-title{ font-size: 16px;color: #c1272d;}
.rule-items{
	margin-top: 10px;
	padding-right: 8px;
	line-height: 1.5;
}
.rule-items span:nth-child(2){
    float: right;
    margin-right: 10px;
}
.activity-time{margin-bottom: 15px;}
.activity-time .explain-tip{text-indent: 21px;}
.activity-time .explain-tip span:nth-child(1){left: 0px;}
.reward-list{margin-top: 30px;text-align: center;}
.reward-list span{
   padding: 8px 12px;
   font-size: 18px;
   background: #c1272d;
   border: 1px solid transparent;
   border-radius: 5px;
   box-shadow: 2px 2px 0px #781619;
   color: #fff;
}
footer{
	margin-top: 25px;
	padding-bottom: 20px;
	display: block;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 1.6;
}
.reward-tip,.reward-fail{
	position: fixed;
	padding: 40px 0px;
	z-index: 11;
	top: 128px;
	left: 50%;
	margin-left: -145px;
	display: none;
	width: 290px;
	background: #fff;
	text-align: center;
    border: 1px solid transparent;
    border-radius: 6px;
}
.reward-fail{line-height: 1;}
.reward-tip span:nth-child(1),.reward-tip span:nth-child(3){
    color: #ed171d;
    font-size: 32px;
    line-height: 1.4;
}
.reward-tip div:nth-child(4){
	margin: 20px auto 14px;
	margin-top: 20px;
	padding: 10px 0px;
	width: 120px;
	background: #c1272d;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    border: 1px solid #c1272d;
    border-radius: 6px;
}
.reward-tip :nth-child(5),.reward-tip :nth-child(6){
    color: #c1272d;
    font-size: 14px;
}
.reward-tip :nth-child(6){
	color: #8d8d8d;
}
.reward-fail div:nth-child(1){
	color: #999999;
	font-size: 19px;
}
 .reward-fail div:nth-child(2){
	 margin-top: 20px;
	 color: #c1272d;
	 font-size: 19px;
 }
.reward-fail div:nth-child(2) span:nth-child(1){
	font-size: 32px;
	vertical-align: middle;
}
.reward-fail div:nth-child(2) span:nth-child(2){
	font-size: 25px;
	vertical-align: middle;
}
.reward-fail div:nth-child(3){
	margin-top: 25px;
}
.reward-fail div:nth-child(3) span{
	padding: 10px 20px;
    color: #fff;
	font-size: 20px;
	background: #c1272d;
	border: 1px solid transparent;
	border-radius: 6px;
}